
<ion-header>

  <ion-navbar color="primary">
    <ion-title>自定义分类</ion-title>
     <ion-buttons start>
      <button ion-button clear ion-only (click)="dismiss()">取消</button>
    </ion-buttons>
       <ion-buttons end>
      <button ion-button clear ion-only>确定</button>
    </ion-buttons>
  </ion-navbar>

</ion-header>


<ion-content  style="background-color:#f8f8f8">
<ion-list>
  <ion-item>
    <ion-label fixed>
      <ion-icon name="list"></ion-icon>
    </ion-label>
    <ion-input type="text" placeholder="输入分类名称"></ion-input>
    <ion-icon name="close" item-right></ion-icon>
  </ion-item>
   <ion-item>
    <ion-label fixed>
      <ion-icon name="list"></ion-icon>
    </ion-label>
    <ion-input type="text" placeholder="输入分类名称"></ion-input>
    <ion-icon name="close" item-right></ion-icon>
  </ion-item>
   <ion-item>
    <ion-label fixed>
      <ion-icon name="list"></ion-icon>
    </ion-label>
    <ion-input type="text" placeholder="输入分类名称"></ion-input>
    <ion-icon name="close" item-right></ion-icon>
  </ion-item>
</ion-list>
</ion-content>

<ion-footer>
  <ion-list>
  <ion-item>
     <p><ion-icon name="ios-add-circle"></ion-icon>新增一条分类</p>
  </ion-item>
</ion-list>
</ion-footer>